/*
 * @Author: your name
 * @Date: 2021-12-07 19:54:52
 * @LastEditTime: 2021-12-07 20:48:14
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \Vue\12.7vue_zy\src\js\list.js
 */
import Mock from './mock.js';
const data=Mock.mock({
    "list|20":[{
        "img":"@Image('150X80','@color')",
        "title":'@ctitle',
        "price|10-40":3
    }]
})
box.innerHTML=data.list.map(item=>{
    return `<dl>
    <dt><img src="${item.img}" alt=""></dt>
    <dd>
        <h4>${item.title}</h4>
        <p>
            <b>￥${item.price}</b>
            <span>新品</span>
        </p>
    </dd>
</dl>`
}).join("");